<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script type="text/javascript">
			document.write('<script src="../../js/fix.js?rd=?rd=' + Math.random() + '"><\/script>');
		</script>
		<script type="text/javascript">
			link(['../../css/tour/checkReport.css','../../css/picker/mui.picker.min.css']);
		</script>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">任务处理</h1>
		</header>
		<div class="mui-content">
			<div class="mui-content" id="list_wrap">

			</div>
			<h5 class="mui-content-padded">问题描述</h5>
			<div class="mui-card">
				<div class="row mui-input-row">
					<textarea rows="2" id='question' class="mui-input-clear question" placeholder="请详细描述你的问题..."></textarea>
				</div>
			</div>
			<h5 class="mui-content-padded">问题等级</h5>
			<div class="mui-card">
				<ul class="mui-table-view mui-table-view-radio badLevel">
					<li class="mui-table-view-cell mui-selected">
						<a class="mui-navigate-right">
							一级
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right">
							二级
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right">
							三级
						</a>
					</li>
				</ul>
			</div>
			<h5 class="mui-content-padded">是否完好</h5>
			<div class="mui-card">
				<ul class="mui-table-view mui-table-view-radio repair-radio">
					<li id="comple" class="mui-table-view-cell mui-selected">
						<a class="mui-navigate-right">完好</a>
					</li>
					<li id="unComple" class="mui-table-view-cell">
						<a class="mui-navigate-right">不完好</a>
					</li>
				</ul>
			</div>
			<h5 class="mui-content-padded">是否需要维修</h5>
			<div class="mui-card">
				<ul class="mui-table-view mui-table-view-radio need-repair-radio">
					<li id="needRepair" class="mui-table-view-cell">
						<a class="mui-navigate-right">需要维修</a>
					</li>
					<li id="noNeedRepair" class="mui-table-view-cell mui-selected">
						<a class="mui-navigate-right">不需要维修</a>
					</li>
				</ul>
					
			</div>
			<div class="mui-content-padded" id="feedbackImg">
				<p>图片(提供问题图片,不超过3张且总大小10M以下)</p>
				<div id='image-list' class="row image-list">
					<div class="image-item space" id="fileArr">
						<div class="image-close" id="img-1">X</div>
						<div class="image-up" id="selectImg">
							<img id="chooseImg" src=""/>
						</div>
						 <!-- <span id="selectImg">上传图片</span>  -->
						<!-- <div class="file" id="image-1"></div> -->
						<!-- <input type="file" accept="image/*" id="selectImg" /> -->
						<!--<input type="file" accept="image/*" onchange="uploadImg(this)" 
							style="position:absolute;left:0;top:0;width: 100%;height: 100%;z-index:1;opacity:0;" />-->
					</div>

				</div>
				<!--<div id='image-list' class="row image-list"></div>-->
			</div>
			
			<div id="handleNotes" class="" style="display: none;">
				<h5 class="mui-content-padded">处理说明</h5>
				<div class="mui-card">
					<div class="row mui-input-row">
						<textarea rows="2" id='notes' class="mui-input-clear question" placeholder="请填写处理说明..."></textarea>
					</div>
				</div>
			</div>
			
			<div class="mui-content-padded">
				<button id="completeBtn" type="button" class="mui-btn-block mui-btn-success">完成</button>
				<button id="reportBtn" type="button" class="mui-btn-block mui-btn-primary">上报</button>
			</div>
			
		</div>
		<script type="text/html" id="taskList">
			{{each result as item}}
			<h5 class="mui-content-padded">{{item.checkInfo}}</h5>
			<div class="mui-card">
				<ul class="mui-table-view mui-table-view-radio badLevel">
					<li class="mui-table-view-cell mui-selected" data-id="{{item.id}}" data-type="1">
						<a class="mui-navigate-right">
							完好
						</a>
					</li>
					<li class="mui-table-view-cell" data-id="{{item.id}}" data-type="2">
						<a class="mui-navigate-right">
							有问题
						</a>
					</li>
				</ul>
			</div>
			{{/each}}
		</script>
		<script type="text/javascript">
			//必须顺序加载
			script(['../../js/tour/checkReport.js']);
		</script>
	</body>
	
</html>